<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags"  prefix="s"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>当前投诉进度</title>
 	<%@include file="/WEB-INF/jsp/public/commons.jspf"%>
 	<script type="text/javascript">
 		$(document).ready(function(){
 			if(${message.progress}==0){
 				$("#waitprogress").attr("bgcolor","#EEAD0E").css({color:"white"});
 			}
 			else if(${message.progress}==1){
 				$("#progressing").attr("bgcolor","#EE9A00").css({color:"white"});
 			}
 			else if(${message.progress}==2){
 				$("#wokprogress").attr("bgcolor","#EE9A00").css({color:"white"});
 			}
 		});
 	</script>
  </head>
  
  <body>

	<div id="main" class="container">
	<br>
	<div>
	 <a href="#" class="btn btn-default btn-sm" role="button">返回首页</a>
 	 <a href="message_all.action" class="btn btn-default btn-sm" role="button">我的消息</a>
 	 </div>
 	 <br>
		<div id="progressbar1" >
		<table style="text-align: center;">
			<tr>
				<td class="col-md-1" id="waitprogress" bgcolor="#DBDBDB"><h4>等待处理</h4></td>
				<td class="col-md-1" id="progressing" bgcolor="#DBDBDB"><h4>正在处理</h4></td>
				<td class="col-md-1" id="wokprogress" bgcolor="#DBDBDB"><h4>处理成功</h4></td>
			</tr>
		</table> 
		</div>

	<br>
	<div id="progress" style="border: 1px solid #FF8247;background-color:#FFE7BA; ">
			<div class="col-md-offset-1">
			<h4>
				<b>当前处理进度：
					<s:if test="#message.progress==0">
						待处理
					</s:if>
					<s:if test="#message.progress==1">
						处理中
					</s:if>
					<s:if test="#message.progress==2">
						已处理
					</s:if>
				</b>
			</h4><br>
			<ul>
				<li>管理员消息：<s:property value="#message.message" /></li>
				<li>最后一次处理时间：<s:property value="#message.date" /></li>
			</ul>
			</div>
		</div><br>
		
		<div id="details" style="border: 1px solid #00B2EE;">
			<h4 class="col-md-offset-1"><b>投诉详情</b></h4><hr>
			
				<h4>个人信息</h4>
				<div class="col-md-offset-1">
				<table >
					<tr>
						<td class="col-md-3">投诉单位：<s:property value="#department.name" /></td>
						<td class="col-md-3">联系电话：<s:property value="#complain.IDNumber" /></td>
					</tr>
					<tr>
						<td class="col-md-3">地址信息：<s:property value="#complain.address" /></td>
					</tr>
				</table>
				</div>
				<hr>
			<div>
			
			<h4>投诉内容</h4>
			<p align="center"><b>${complain.complaint }</b></p><br>
			<div class="col-md-offset-1" style="margin-right: 8.33333333%">
				${complain.cause }
				<br>
			</div>
		</div>
	</div>
	</div>
</body>
</html>
